<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:c="http://java.sun.com/jsp/jstl/core"     
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
		<!-- HEADER -->
		<header id="header">
			
<!-- 			<div id="logo-group"> -->

<!-- 				PLACE YOUR LOGO HERE -->
				<span id="logo"> <img src="img/logo.png" alt="SmartAdmin"/> </span>

<!-- 				<span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span> -->


<!-- 				<div class="ajax-dropdown"> -->

<!-- 					the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
<!-- 					<div class="btn-group btn-group-justified" data-toggle="buttons"> -->
<!-- 						<label class="btn btn-default"> -->
<!-- 							<input type="radio" name="activity" id="ajax/notify/mail.html"/> -->
<!-- 							Msgs (14) </label> -->
<!-- 						<label class="btn btn-default"> -->
<!-- 							<input type="radio" name="activity" id="ajax/notify/notifications.html" /> -->
<!-- 							notify (3) </label> -->
<!-- 						<label class="btn btn-default"> -->
<!-- 							<input type="radio" name="activity" id="ajax/notify/tasks.html" /> -->
<!-- 							Tasks (4) </label> -->
<!-- 					</div> -->

<!-- 					notification content -->
<!-- 					<div class="ajax-notifications custom-scroll"> -->

<!-- 						<div class="alert alert-transparent"> -->
<!-- 							<h4>Click a button to show messages here</h4> -->
<!-- 							This blank page message helps protect your privacy, or you can show the first message here automatically. -->
<!-- 						</div> -->

<!-- 						<i class="fa fa-lock fa-4x fa-border"></i> -->

<!-- 					</div> -->
<!-- 					end notification content -->

<!-- 					footer: refresh area -->
<!-- 					<span> Last updated on: 12/12/2013 9:43AM -->
<!-- 						<button type="button" data-loading-text="%3Ci class='fa fa-refresh fa-spin'%3E%3C/i%3E Loading..." class="btn btn-xs btn-default pull-right"> -->
<!-- 							<i class="fa fa-refresh"></i> -->
<!-- 						</button> </span> -->
<!-- 					end footer -->

<!-- 				</div> -->
<!-- 				END AJAX-DROPDOWN -->
<!-- 			</div> -->

			<!-- projects dropdown -->
<!-- 			<div id="project-context"> -->

<!-- 				>span class="label">Projects:</span -->
<!-- 				>span id="project-selector" class="popover-trigger-element dropdown-toggle" data-toggle="dropdown">Recent projects <i class="fa fa-angle-down"></i></span -->

<!-- 				Suggestion: populate this list with fetch and push technique -->
<!-- 				<ul class="dropdown-menu"> -->
<!-- 					<li> -->
<!-- 						<a href="javascript:void(0);">Online e-merchant management system - attaching integration with the iOS</a> -->
<!-- 					</li> -->
<!-- 					<li> -->
<!-- 						<a href="javascript:void(0);">Notes on pipeline upgradee</a> -->
<!-- 					</li> -->
<!-- 					<li> -->
<!-- 						<a href="javascript:void(0);">Assesment Report for merchant account</a> -->
<!-- 					</li> -->
<!-- 					<li class="divider"></li> -->
<!-- 					<li> -->
<!-- 						<a href="javascript:void(0);"><i class="fa fa-power-off"></i> Clear</a> -->
<!-- 					</li> -->
<!-- 				</ul> -->
<!-- 				end dropdown-menu -->

<!-- 			</div> -->
			<!-- end projects dropdown -->

			<!-- pulled right: nav area -->
			<div class="pull-right">

				<!-- collapse menu button -->
				<div id="hide-menu" class="btn-header pull-right">
					<span> <a href="javascript:void(0);" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
				</div>
				<!-- end collapse menu -->

				<!-- logout button -->
				<div id="logout" class="btn-header transparent pull-right">
					<span> <a href="logout" title="Sign Out"><i class="fa fa-sign-out"></i></a> </span>
				</div>
				
				<!-- end logout button -->

				<!-- search mobile button (this is hidden till mobile view port) -->
				<div id="search-mobile" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
				</div>
				<!-- end search mobile button -->

				<!-- input: search field -->
				<!-- >form action="#ajax/search.html" class="header-search pull-right">
					<input type="text" placeholder="Find reports and more" id="search-fld"/>
					<button type="submit">
						<i class="fa fa-search"></i>
					</button>
					<a href="javascript:void(0);" id="cancel-search-js" title="Cancel Search"><i class="fa fa-times"></i></a>
				</form-->
				<!-- end input: search field -->

				<!-- multiple lang dropdown : find all flags in the image folder -->
				<!-- >ul class="header-dropdown-list hidden-xs">
					<li>
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img alt="" src="img/flags/us.png"/> <span> US </span> <i class="fa fa-angle-down"></i> </a>
						<ul class="dropdown-menu pull-right">
							<li class="active">
								<a href="javascript:void(0);"><img alt="" src="img/flags/us.png"/> US</a>
							</li>
							<li>
								<a href="javascript:void(0);"><img alt="" src="img/flags/es.png"/> Spanish</a>
							</li>
							<li>
								<a href="javascript:void(0);"><img alt="" src="img/flags/de.png"/> German</a>
							</li>
						</ul>
					</li>
				</ul-->
				<!-- end multiple lang -->

			</div>
			<!-- end pulled right: nav area -->

		</header>
		
		<!-- END HEADER -->
</html>
